<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发布攻略</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./layui/css/layui.css">

    <style>
        .content {
            margin: 30px auto;
            border: 1px solid red;
            text-align: left;
        }

        .titleP,
        .scenery,
        .strImg,
        .des {
            /* width: 50px;
            line-height: 50px; */
            margin-left: 30px;
            margin-top: 30px;
        }

        .content input {
            width: 1000px;
            height: 30px;
        }

        .des textarea {
            width: 1000px;
            height: 100px;
            /* 固定文本域 */
            resize: none;
        }

        .content .lifted {
            margin-left: 40%;
        }

        .content .sub {
            margin-left: 10%;
        }

        /* .content .spanImg {
            display: inline-block;
            width: 100px;
            height: 100px;
            background: red;
            position: absolute;
            left: 30%;
            top: 23%;
        } */
    </style>
</head>
<!-- 发布攻略 -->

<body>
    <nav>
        <img src='./img2/basic-logo-dark.png' alt="">
        <ul class="leftUl">
            <li><a href="index.html">首页</a></li>
            <li><a href='javascript:;'>跟团</a></li>
            <li><a href='javascript:;'>自由行</a></li>
            <li><a href='javascript:;'>邮轮</a></li>
            <li><a href='javascript:;'>机票</a></li>
            <li><a href='hotal.html'>酒店</a></li>
            <li><a href='raiders.html'>攻略</a></li>
            <li><a href='publish.html'>发布攻略</a></li>
        </ul>

        <ul class="rightUl">
            <li class="out"><a href="javascript:;">退出</a></li>
            <li class="resgist" style="width: 150px;color: red;"><a href="./login.html">登录</a></li>
        </ul>
    </nav>
    <div class="contain">
        <div class="content">
            <p class="titleP"> 标题<span style="color: red;">*</span><input type="text"></p>
            <div class="layui-form-item"><label class="layui-form-label">景点</label>
                <div class="layui-input-block"><select name="" lay-verify="scenic" lay-search="">
                        <option>请选择一个景点</option>
                        <option value="3">凤凰山-广东省-深圳市-</option>
                        <option selected="" value="4">张家界-湖南省-张家界市-</option>
                        <option value="5">桂林象山区-广西壮族自治区-桂林市-</option>
                        <option value="6">苏州市天平山风景名胜区-江苏省-苏州市-</option>
                        <option value="7">苏州半岛薰衣草庄园-江苏省-苏州市-</option>
                        <option value="8">苏州阳澄湖半岛旅游度假区-江苏省-苏州市-</option>
                        <option value="9">周庄-江苏省-苏州市-</option>
                        <option value="10">周庄生命奥秘博物馆-江苏省-苏州市-</option>
                    </select>

                </div>
            </div>
            <!-- <p class="strImg"> 攻略封面 <input id="uplaodImg" type="file" accept="image/png,image/jpeg,image/gif" name="file"> 
            </p> -->
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="test1">上传图片</button>
                <div class="layui-upload-list">
                    <img class="layui-upload-img" id="demo1" width="130px" height="100px">
                    <p id="demoText"></p>
                </div>
                <div style="width: 95px;">
                    <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
                        <div class="layui-progress-bar" lay-percent=""></div>
                    </div>
                </div>
            </div>

            <a name="list-progress"> </a>

            <div style="margin-top: 10px;">
                <p class="des"> 攻略描述<textarea name="" id="" cols="30" rows="10"></textarea></p>
                <button class="lifted">取消</button>
                <button class="sub">发布</button>
            </div>
        </div>
</body>

</html>
<script src="./js/common.js"></script>
<script src="./layui/layui.js"></script>
<script src="./js/publish.js"></script>
<script src="./js/axios.min.js"></script>
